<template>
	<view class="wrap">
		<home-title title="组队成员" type="2"></home-title>
		<view class="group">
			<view class="group_title">
				<text class="group_title_total">{{numberClusters}}</text>
				<text class="group_title_info"> · {{noNumberClusters}}</text>
			</view>
			
			<view class="group_team">
				<image class="group_team_avator" src="/marketing/static/activity/team_add.png" mode=""></image>
				<image class="group_team_avator" src="/marketing/static/activity/team_add.png" mode=""></image>
				<image class="group_team_avator" src="/marketing/static/activity/team_add.png" mode=""></image>
				<image class="group_team_avator" src="/marketing/static/activity/team_add.png" mode=""></image>
				<image class="group_team_avator" src="/marketing/static/activity/team_add.png" mode=""></image>
			</view>
			
			<view>
			  <button class="group_invite" @click="clickShare"> 邀请好友 </button>
			</view>
			
			
		</view>
	</view>
</template>

<script>
	import homeTitle from '@/components/activity/home-title.vue'
	export default {
		name: 'detail-groupTeam',
		components: {
			homeTitle,
		},
		props: {
			activityId : {
				type: String,
				default: ''
			},
			status: {
				type: Number,
				default: 1
			},
			//成团数
			numberClusters: {
				type: String,
				default: ''
			},
			//相差人数
			noNumberClusters: {
				type: String,
				default: ''
			},
			//组队头像
			customerVoList: {
			 type: Array,
			 default() {
				 return [] 
			 }
			},
			isAgree : {
				type: Boolean,
				default: false
			},
		    activityName: {
				type: String,
				default: ''
			},
			fsUrl: {
				type: String,
				default: ''
			},
			toCustomerNo: {
				type: String,
				default: ''
			}
			
		},
			
		methods: {
			clickShare() {
				this.$emit('share')
			},
			
				
			agreenTeam() {
				this.$emit('agreenTeam')
			}
		}
	}
</script>

<style lang="scss" scoped>
// .wrap {
// 		position: relative;
// }
.group {
	background-color: #fff;
	border-radius: 20upx;
	// height: 318upx;
	margin-top: 20upx;
    padding-bottom: 30upx;
	&_title {
		
	 &_total {
		 border-radius: 20upx 0 0 0;
		 padding: 10upx 0 10upx 10upx;
		 background-color: #DCEAFB;
		 font-size: 22upx;
		 font-weight: bold;
		 color: $main-color;
	 }
	 &_info {
		 border-radius: 0 0 20upx 0;
		 padding: 10upx 20upx 10upx 10upx;
		 background-color: #DCEAFB;
		 font-size: 22upx;
		 font-weight: bold;
		 color: $main-color;
	 }
	}
	
	&_team {
		margin-top: 30upx;
		display: flex;
		justify-content: space-around;
		&_avator {
			width: 100upx;
			height: 100upx;
		}
	}
	&_invite {
		margin: 20upx;
		height: 80upx;
		color: #fff;
	  font-size: 32upx;
	  font-family: PingFang SC, PingFang SC-Bold;
	  font-weight: bold;
	  text-align: center;
	  background-color: $main-color;
		border-radius: 40upx;
	  line-height: 80upx;
	}
}


</style>
